*{
    margin: 0;
    padding: 0;
}

html,body{
    height:100%;
    background-color: #f9f9f9;
}
.box{
    height: 30px;
    background-color: #f9f9f9;
    border: 1px solid #dcdcdc;

   
}
.box1 {
    width: 50px;
    height: 30px;
    float: right;
    margin-right: 360px;  background-image: url(../imges/小图标2.jpg);
    background-size: 20px 20px;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    line-height: 30px;
  
}
.box2 {
    width: 50px;
    height: 30px;
    float: right;
    margin-right: 20px;
    background-image: url(../imges/小图标.jpg);
    background-size: 20px 20px;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    line-height: 30px;

}
.a1{
     text-decoration: none;
     color: #9b9b9b;  
}
.nav{
    height: 120px;
    width: 1800px;
    margin: 0 auto;
    background-color: #ffffff; 
}
.logo{
    width: 220px;
    height: 60px;
}
.nav1{
    height: 80px;
    width: 230px;
    margin-top: 20px;
    float: left;
    margin-left: 280px;
}
.p1{
    color: #0c388f;
    float: right;

}
.p2{
    color: #e8a813;
    float: right;
    margin-right: 10px;

}
.nav2{
    width: auto;
    height: 140px;
}
.p3{
    float: left;
    height: 40px;
    width: 60px;
    border: 1px solid #dcdcdc;
    text-align: center;
    line-height: 40px;
    margin-top: 35px;
    margin-left: 120px;
    
}
.p4{
    height: 40px;
    width: 411px;
    float: left;

}
.p5{
    width: 400px;
    height: 37px;
    border: 3px solid #18a9fc;
    margin-top: 35px;
    margin-left: 5px;
    font-size: 18px;
}
.p6{
    float: left;
    background-color: #18a9fc; 
    width: 90px;
    height: 43px;
    text-align: center;
    line-height: 40px;
    margin-top: 35px;
    border-radius: 0 0 15% 0;
}
.l1{
    color: #ffffff;
}
.p7{
    float: left;
    width: 120px;
    height: 43px;
    background-color: #18a9fc; 
    margin-top: 35px;
    margin-left: 220px;
    text-align: center;
    line-height: 40px;
    border-radius :5%;
}
.l2{
    color: #ffffff;
}
.choice{
    width: 100%;
    height: 40px;
    background-color: #0672d7;
   
}
.choice1{
    width: 1350px;
    height: 40px; 
    margin: 0 auto;
}
.zl1:hover{
    background-color: #0c59c1;
}
.zl1{
    width: 90px;
    height: 40px;
    float: left;
    background-color: #0672d7;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    margin-left: 20px;
   
}
.choice1 a{
    text-decoration: none;
    color: #dcdcdc;
}
.bob{
    width: 1300px;
    height: 300px;
    background-color: #ffffff;
    margin: 40px auto;
}
.bob1{
    height: 80px;
    border-bottom:2px solid #f4f4f4;
}
.ul{
    float: left;
}
.li1{
    height: 30px;
    width: 80px;
    float: left;
    margin-left: 50px;
    margin-top: 45px;
}
.li2{
    height: 30px;
    width: 50px;
    float: left;
    background-color: #15abf8;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    margin-top: 40px;
}
.li3{ 
    height: 30px;
    width: 50px;
    float: left;
    margin-top: 45px;
    margin-left: 25px;
}
.bob2{
    height: 50px;
    border-bottom:2px solid #f4f4f4;
    line-height: 50px;
}
.li4{
    height: 30px;
    width: 80px;
    float: left;
    margin-left: 50px;
}
.li5{
    height: 30px;
    width: 50px;
    float: left;
    background-color: #15abf8;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    margin-top: 10px;
}
.li6{ 
    height: 30px;
    width: 50px;
    float: left;
    margin-left: 25px;
}
.bob3{
    height: 50px;
    border-bottom:2px solid #f4f4f4;
    line-height: 50px;
}
.a2{
    text-decoration: none;
    color:black ;
}
.bob4{
    height: 50px;
    border-bottom:2px solid #f4f4f4;
    line-height: 50px;
}
.a3{
    text-decoration: none;
    color: black;
}
.li7{
    height: 28px;
    width: 70px;
    float: left;
    margin-left: 25px;
    border: 1px solid #18a9fc;
    text-align: center;
    line-height: 30px;
    margin-top: 10px;
}
.bob5{
    height: 50px;
    line-height: 50px;
}
.li8{
    height: 30px;
    float: left;
    margin-left: 50px;
}
.number{
    color: #ffa307;
}
.tyt{
    width: 1300px;
    height: 205px;
    background-color:  #ffffff;
    margin: 0 auto;
    margin-top: -20px;
}
.tyt1{
    width: 210px;
    height: 210px;
    text-align: center;
    float: left;
}
.bt1{
    margin-top: 30px;
}
.bt2{
    color: #e8a813;
    margin-top: 15px;
}
.bt3{
    margin-top: 10px;
    font-size: 12px;
    color: #9b9b9b;
}
.tyt2{
    margin-left: 80px;
    float: left;
}
.nu1{
    width: auto;
    height: 20px;
    margin-top: 30px;
    font-size: 20px;
}
.nu2{
    width: auto;
    height: 20px;
    margin-top: 30px;
    font-size: 16px;

}
.nu3{
    width: auto;
    height: 20px;
    font-size: 16px;
}
.nu4{
    width: auto;
    height: 20px;
    margin-top: 30px;

}
.tyt3{
    width: 1300px;
    height: 205px;
    background-color:  #ffffff;
    margin: 0 auto;
}
.tyt4{
    float: left;
    margin-left: 80px;
}
.tytb{
    width: 1300px;
    height: 205px;
    background-color:  #ffffff;
    margin: 0 auto;
    margin-top: 10px;
}
.tytb:hover{
     border: 1px solid #ffffff; 
    box-shadow: 0 0 10px  #15abf8;
}
.tyt:hover{
    border: 1px solid #ffffff; 
    box-shadow: 0 0 10px  #15abf8;
}
.nu5{
    width: auto;
    height: 20px;
    margin-top: 30px;
    font-size: 20px;
}
.nu6{
    width: auto;
    height: 20px;
    margin-top: 30px;
    font-size: 16px;

}
.nu7{
    width: auto;
    height: 20px;
    font-size: 16px;
}
.nu8{
    width: auto;
    height: 20px;
    margin-top: 30px;
}
.ovoe{
    width: 100%;
    height: 250px;
}
.ovoe1{
    height: 50px;
    width: 1320px;
    margin: 35px auto;
}
.ovoe12:hover{
    background-color: #15aafc;
}
.ovoe12{
    width: 30px;
    height: 30px;
    float: left;
    margin-top: 10px;
    margin-left: 5px;
    
}
.ovoe13{
    width: 50px;
    height: 30px;
    float: left;
    margin-top: 10px;
    margin-left: 5px;
}
.ovoe1 p{
    margin: 10px 10px;
    float: left;
    font-size: 16px;
    line-height: 30px;
}
.ovoe14{
    width: 25px;
    height: 25px;
    float: left;
    margin-top: 10px;
}
.end{
    width: 100%;
    height: 240px;
    background-color: #212930;

}
.end1{
    height: 220px;
    width: 1200px;
    margin: 0 auto;
}
.end2{
    width: 1200px;
    height: 80px;
}
.end2 li{
    height: 40px;
    float: left;
    font-size: 18px;
    margin-left: 125px;

}
.non1{
    background-image: url(../imges/结束导航页.jpg);
    background-size: 45px 45px;
    padding-left: 50px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    text-align:center;
    line-height: 40px;
    margin-top: 25px;
    color: #f9fdff;
}
.non2{
    background-image: url(../imges/结束导航页1.jpg);
    background-size: 45px 45px;
    padding-left: 50px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    text-align:center;
    line-height: 40px;
    margin-top: 25px;
    color: #f9fdff;
}
.non3{
    background-image: url(../imges/结束导航页2.jpg);
    background-size: 45px 45px;
    padding-left: 50px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    text-align:center;
    line-height: 40px;
    margin-top: 25px;
    color: #f9fdff;
}
.non4{
    background-image: url(../imges/结束导航页3.jpg);
    background-size: 45px 45px;
    padding-left: 50px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    text-align:center;
    line-height: 40px;
    margin-top: 25px;
    color: #f9fdff;
}
.none1{
    width: 1200px;
    height: 140px;
}
.none3{
    height: 140px;
    width: 240px;
    float: left;
    margin-left: 135px;
}

.none4{
    background-image: url(../imges/结束导航页6.jpg);
    background-size: 20px 20px;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: 3px 3px;

}
.none5{
    float: left;
}
.none3 li{
    color: #8792a6;
}
.none6{
    margin-top: 20px;
}
.none5 li{
    margin-top: 5px;
    color:#8792a6;
    margin-right: 145px;
}
.fix{
    width: 100px;
    height: 240px;
    position: fixed;
    right:25px ; 
    bottom: 250px;
}
